<!DOCTYPE html>
<html class="nx-mainfree">
<head>
	<script src="script/jquery.min.js"></script>
	<script src="script/friends.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>影友-好友界面</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/logo_half.png" />

	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/main1.css" />

	<script type="text/javascript">
		if(typeof nx === 'undefined'){
			var nx = {};
		}
		nx.log = {
			startTime : + new Date()
		};
		nx.user = {
			id : "426841145",
			ruid:"426841145",

			requestToken : '854341752',
			_rtk : 'fead36d2'
		};
		nx.user.isvip = false;

		nx.user.hidead = false;

		nx.webpager = nx.webpager || {};
		nx.production = true;
	</script>



	<!--[if lt IE 9]>
	<script type="text/javascript">
		document.execCommand("BackgroundImageCache", false, true);
	</script>
	<![endif]-->
	<script type="text/javascript">
		nx.webpager = nx.webpager || {};
		nx.webpager.fold = true;
	</script>
	<script type="text/javascript">
		var cpro_id="u2260406";
		(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"240",rsi1:"485",pat:"1",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91",titFS:"14",rss2:"#000000",titSU:"0",tft:"0",tlt:"1",ptbg:"90",piw:"0",pih:"0",ptp:"0"}
	</script>
	<style type="text/css">
		#cproIframe_u2260406_1{
			display: none;
		}
		#BAIDU_SSP__wrapper_u2260406_0{
			display: none;
			position: absolute;
			top:9999px;
		}
	</style>
	<link href="css/webpager.css" rel="stylesheet" />
	<link href="css/roomkeeper.css" rel="stylesheet" />
	<link href="css/advert.css" rel="stylesheet" class="lazyload" charset="utf-8" />
</head>
<body id="<?php echo $Id ?>">
<div id="BAIDU_DUP_fp_wrapper" style="position: absolute; left: -1px; bottom: -1px; z-index: 0; width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none;">
	<iframe id="BAIDU_DUP_fp_iframe" src="" style="width: 0px; height: 0px; visibility: hidden; display: none;"></iframe>
</div>
<div id="fixedLayer" style="width: 1349px;"></div>

<link rel="stylesheet" href="css/friends.css" />
<div id="nxContainer" class="nx-container nx-freeViewport">
	<div class="nx-main">
		<div id="zidou_template" style="display:none"></div>
		<div id="hometpl_style" data-notshow="" style="display:none">
			<br />
			<style></style>
		</div>
		<div id="nxHeader" class="hd-wraper ">
			<div class="hd-fixed-wraper clearfix">
					<div class="nav">
						<div class="width_1200">
							<ul>
								<li><a href="main.php">主界面</a></li>
								<li style="padding-left: 20px">
									<form method="post" action="search_movies.php" >
										<input type="text" name="search_keyword" placeholder="三千世界来搜一搜吧...">
										<button type="submit" class="search"></button>
									</form>
								</li>
								<li style="padding-left: 10px"><a href="setup_friends.php">我的好友</a></li>
								<li><a href="dialog.html">树洞聊天室</a></li>

							</ul>
							<ol>
								<li>
									<a href="person_things_sever.php">
										<?php echo $_SESSION['user']['username'] ?>
									</a>
								</li>

								<li class="li_message">&nbsp;
									<dl class="menu">
										<dd><a href="setup_chat.php">聊天</a></dd>
									</dl>
								</li>
								<li class="li_set">&nbsp;
									<dl class="menu">
										<dd><a href="person_things_sever.php">个人中心</a></dd>
										<dd><a href="personal_label_login_sever.php">选择标签</a></dd>
										<dd><a href="logout.php">退出</a></dd>
									</dl>
								</li>
							</ol>
						</div>
					</div>

<!--				</div>-->
			</div>
		</div>
		<div class="nx-wraper clearfix">
		</div>
		<div class="bd-container ">
			<div class="frame-nav-wrap">
<!--				<div id="frameFixedNav" class="frame-nav-fixed-wraper" style="width: 100%;postion:absolute;top:50px;left:0">-->
<!--					<div class="frame-nav-inner">-->
<!--						<ul class="fd-nav-list clearfix">-->
<!--							<li class="fd-nav-item"> <span class="fd-nav-icon fd-sub-nav"></span> <a href="">主页</a> </li>-->
<!--							<li class="fd-nav-item"> <a href="">个性化</a> </li>-->
<!--							<li class="fd-nav-item"> <a href="">日志</a> </li>-->
<!--							<li class="fd-nav-item fd-nav-cur-item"> <a href="">好友</a> </li>-->

<!--						</ul>-->
<!--					</div>-->
<!--				</div>-->
			</div>
			<script type="text/javascript">
				(function(){
					define(function(require,exports){
						var responseFrame = require('responseFrame');
						responseFrame.initFrameSize();
					});
				})();
			</script>
			<div class="bd-main">
				<div class="bd-content clearfix">
					<div id="friends-box" style="margin-right: 10px ;margin-left: 10px">
						<div id="friend_head_bar">
							<div id="friend_head_bar_bg" style=""></div>
							<ul class="friend-manage-list">
								<li class="friend-add-li"><a class="friend-add-a" href="setup_add_friend.php">添加好友</a></li>
								<li class="friend-cur-group-li"><a class="friend-cur-group-a curr-a" href=""><span class="group-name fl" id="f_group-name">全部好友</span>
									<span class="friend-cur-num-span" id="f_group-num"><?php echo count($friends)?></span></a></li>
							</ul>
							<div class="search-box">
								<a class="fr search-btn png" id="f_search"></a>
								<input type="text" maxlength="20" class="fr search" id="f_search-content" data-default="寻找你想找的好友" placeholder="寻找你想找的好友" />
							</div>
							<div id="friend_head_bar_bg2"></div>
						</div>
						<div class="friends-con clearfix">
							<div id="friends-list">
								<div class="friends-list-top" id="friends-top">
									<!-- 好友头部功能区 显示当前分组与搜索-->
									<div class="friends-top-bar clearfix">
										<div class="special-name" style="display:none">
											<a href="javascript:;" class="png add-special-friends"></a>
											<a href="javascript:;" class="png save-special-rank"></a>
											<span class="save-special-tips">您已经修改了特别好友的排序</span>
										</div>
									</div>
									<div class="group-batch-manage" id="f_manage-con">
										<!-- 选中区域-->
										<div class="del-checked" style="display:none;" id="f_checked-con">
											<div class="batch-selector-con clearfix" id="friends_selected"></div>
											<div class="del-btn-wrap">
												<a class="btn-del-ok png" id="btn-batch-submit" type="button"></a>
												<a class="btn-del-clear png" id="btn-batch-cancel" type="button"></a>
											</div>
										</div>
										<!-- 排序 -->
										<ul id="sort-container" style="display:none;">
											<li> <a data-type="time" class="up png">按添加时间</a> </li>
											<li class="on"> <a data-type="alpha" class="up png">按字母顺序</a> </li>
											<li> <a data-type="common" class="up png">按共同好友</a> </li>
										</ul>
										<!-- 编辑分组下拉  -->
										<div id="group-edit-selection" style="display: none; top: 104px;left: 3px;">
											<ul id="group-selecter-wrap" class="group-selecter-wrap">
												<li> <a href="javascript:;" class="rename-group">重命名分组</a> </li>
												<li> <a href="javascript:;" class="add-group add-member">添加组员</a> </li>
												<li> <a href="javascript:;" class="del-group del-member">删除组员</a> </li>
												<li> <a href="javascript:;" class="shift-group shift-member">转移组员</a> </li>
												<li> <a href="javascript:;" class="dissolve-group dissolve-member">解散分组</a> </li>
											</ul>
										</div>
										<div id="group_list" style="display:none;">
											<ul id="group_list-container">
											</ul>
											<div class="create-group">
												<span class="create" style="">创建新的分组</span>
												<input type="text" class="input-gname create-group-option" placeholder="新建分组..." maxlength="10" style="display:none;" />
												<a class="submit png fr create-group-option" style="display:none;"></a>
												<a class="png loading" style="display:none;"></a>
											</div>
										</div>
									</div>
								</div>
								<!-- 添加至分组下拉框 -->
								<div id="group-selector" class="selector" style="top:106px;left: 109px; display: none;">
									<ul id="groups-selector-list" class="over-scroll">
									</ul>
									<div class="create-group">
										<span class="create" style="">创建新的分组</span>
										<input type="text" class="input-gname create-group-option" placeholder="新建分组..." maxlength="10" style="display:none;" />
										<a class="submit png fr create-group-option" style="display:none;"></a>
										<a class="png loading" style="display:none;"></a>
									</div>
								</div>
								<!--添加至分组下拉框结束-->
								<div class="list-loading" id="list-loading" style="display: none;">
									<div class="loading-cover"></div>
									<div class="loading-con">
										<img src="images/lock.ico" />
										<div class="loading-text">
											正在努力为您加载...
										</div>
									</div>
								</div>
								<div class="list-empty png" id="list-empty" style="display:none;">
									<span class="list-empty-tip">抱歉！没有找到相应的结果...</span>
								</div>
								<div class="list-empty-friend" id="list-empty-friend" style="display:none;">
									该分组没有好友，赶快添加吧~
									<a href="javascript:;" class="edit-group">添加组员</a>
								</div>
								<!--修改分组下拉-->
								<div id="group_selector" style="top:107px;left: 109px;display:none;" data-groups="," data-keep="" class="group-batch-selector group-selecter">
									<ul></ul>
									<div class="group-batch-selector-submit group-quick-creator">
										<input type="text" placeholder="新建分组..." maxlength="10" />
									</div>
								</div>
								<ul id="friends-list-con" class="card-on clearfix">
									<!-- 好友信息填充-->
									<?php foreach($friends as $k=>$result){?>
									<li id="<?php echo $result['username'] ?>"
											onmouseover="document.getElementById(this.id+'1').style.display='block'"
										onmouseout="document.getElementById(this.id+'1').style.display='none'" class="friend-detail"  data-type="normal" data-name="<?php echo $result['username'] ?>" id="friendsli331726201">
										<a class="tiny_photo userhead" id="<?php echo $result['Id'] ?>"  target="_self" onclick="enterChat(this)">
											<img src="images/user/<?php echo $result['picture'] ?>" data-list="card" data-tinyurl="http://hdn.xnimg.cn/photos/hdn321/20140205/1345/h_tiny_nhnX_7b430000b5c1113e.jpg" data-largeurl="http://hdn.xnimg.cn/photos/hdn321/20140205/1345/h_large_AYvj_7b430000b5c1113e.jpg" class="userheadimg large" onload="photoAdjust(this, 168, 150)" width="168" height="168" style="display: inline; visibility: visible;" />
										</a>
										<img src="images/del.png" data_id="<?php echo $result['Id'] ?>"
											 id="<?php echo $result['username'] ?>1"  alt=""
											 onclick="firm(this)"  style="display: none; position:absolute;top: 1%;left:82%;">


										<ul class="friends-item-con">
											<li class="username">
												<a class="name"
												   target="_blank" title="<?php echo $result['username'] ?>">
													<?php echo $result['username'] ?>
												</a>
											</li>
											<li class="friends-loc-info" title="广西"><?php echo $result['tag'] ?></li>
											<li class="friends-com-info " data-id="331726201">56个共同好友</li>
										</ul>
										<div class="friends-item-btn" data-id="331726201">
											<span class="group-name-list"><?php echo $result['group']?></span>
										</div>
									</li>

									<?php }?>

								</ul>
								<div class="clearfix"></div>
								<div class="list-bottom-loading" style="display:none;" id="list-bloading">
									正在加载...
								</div>
							</div>
							<div id="friends_groups">
								<div class="friends-groups-top clearfix" id="group-container">
									<div class="group-list">
										<ul id="groups-list-con">
											<li data-name="全部好友" class="group  on"> <a class="all"  data-name="全部好友" href="javascript:;"> <span class="gname">全部好友</span><span class="group-num">313</span> </a> </li>
											<li data-name="未分组好友" class="group"> <a class="nogroup"  data-name="未分组好友" href="javascript:;"> <span class="gname">未分组好友</span><span class="group-num">22</span> </a> </li>
											<li data-name="特别好友" class="group"> <a class="special"  data-name="特别好友" href="javascript:;"> <span class="gname">特别好友</span><span class="group-num">0</span> </a> </li>
											<li data-name="最近添加好友" class="group"> <a class="latest"  data-name="最近添加好友" href="javascript:;"> <span class="gname">最近添加好友</span><span class="group-num">10</span> </a> </li>
											<li data-name="分组一" class="group normal-group"> <a class="normal" title="十堰一中圈" data-name="十堰一中圈" href="javascript:;"> <span class="gname">分组一</span><span class="group-num">72</span> </a> </li>
											<li data-name="武汉理工圈1" class="group normal-group"> <a class="normal"  data-name="武汉理工圈1" href="javascript:;"> <span class="gname">分组二</span><span class="group-num">140</span> </a> </li>
											<li data-name="武汉理工圈2" class="group normal-group"> <a class="normal" data-name="武汉理工圈2" href="javascript:;"> <span class="gname">分组三</span><span class="group-num">57</span> </a> </li>
											<li data-name="武汉理工圈3" class="group normal-group"> <a class="normal"  data-name="武汉理工圈3" href="javascript:;"> <span class="gname">分组四</span><span class="group-num">22</span> </a> </li>
											<li> <a href="javascript:;" title="新建分组" class="add png">新建分组</a>
												<div class="new-group " style="display:none;">
													<input class="new-group-name name-num-overflow" />
													<span class="new-name-ok">确认</span>
													<span class="new-name-cancel">取消</span>
												</div> </li>

											<li><a class="more png" id="moregroups" style="display:none;" href="javascript:;"></a></li>
										</ul>
									</div>
								</div>
								<!-- 推荐加入分组/可能认识的人-->
								<div class="group-suggest suggest-container" id="group_suggest">
									<h3 class="suggest-title fl">电影邀约</h3>
									<div class="suggest-func fr clearfix">
										<a class="png suggest-prev fl no_left">向前</a>
										<a class="png suggest-next fl ">向后</a>
										<a class="png suggest-more fl" href=""></a>
									</div>
									<ul class="suggest-friends-list clearfix" id="suggest-list-con">
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="images/h_main_3qpW_7c6e000006c7111a.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">小黑</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="382690916" data-name="陆浩川" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="images/h_main_U2VC_563a00043e612f76.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">小刚</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="442280619" data-name="佘文浩" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="images/h_main_ptKe_e0f900061eac195a.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">小美</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="350433133" data-name="李琪" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="images/h_main_fTW9_56330004421e2f76.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">小华</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="420502269" data-name="肖涛" data-flag="0"> <i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="friend_files/h_main_BmN6_2137000000031375.jpg" onload="photoAdjust(this, 100, 100)" width="128" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">刘艳丽</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="462329648" data-name="刘艳丽" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="friend_files/h_main_WqUm_b63f000004f6113e.jpg" onload="photoAdjust(this, 100, 100)" width="151" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">梅兰</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="308181246" data-name="梅兰" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="friend_files/h_main_VTwM_d85b00000f08113e.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">李旭</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="309070982" data-name="李旭" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="friend_files/h_main_2NsV_b5ee00000191113e.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="133" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">刘雪梅</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="461969084" data-name="刘雪梅" data-flag="0"><i class="ui-icon ui-iconfont" ></i>一键邀约</a> </li>
										<li class="suggest-friend fl"> <a class="suggest-userhead" href="" target="_blank"> <img class="suggest-head" src="friend_files/h_main_UPqB_fd9c00014cfe195a.jpg" onload="photoAdjust(this, 100, 100)" width="100" height="100" style="overflow: hidden; display: inline; visibility: visible;" />
											<div class="head-mask"></div> </a> <a class="suggest-name" href="" target="_blank">易茗琪</a> <a class="suggest_follow ui-button ui-button-green suggest-add fr" data-id="343471370" data-name="易茗琪" data-flag="0"><i class="ui-icon ui-iconfont" ></i>关注好友</a> </li>
									</ul>
								</div>
								<div class="advert-box side-item">
								</div>
								<div class="advert-box2 side-item" style="padding-top: 30px;clear: both;">
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>

	</div>
</div>
<div id="toolBackTo" class="back-to" style="right: 20px;">
	<a href="" onclick="return false;"></a>
</div>

<script type="text/javascript">
	document.domain = 'renren.com';
	(function($) {
		define(function(require, exports) {
			var friend = require('friends/manage_main');
			try {
				friend.init(friends_manage_groups);
			} catch (e) {};
		});

		var timer = setTimeout(function(){
			/*		var adReg = /u2260406/,
                        adDom = null;
                     $('iframe').each(function(){
                        if (adReg.test($(this).attr("id"))) {
                            adDom = $(this);
                        }
                    });
                    $('.advert-box2').append(adDom);
                    adDom.css("display","block");
                    $('.advert-box2').css("display","block");
                    //屏蔽百度广告自带的div
                    $('#BAIDU_DUP_wrapper_u2260406_0').hide();
                    clearTimeout(timer);
                */},200);

	})(jQuery);

</script>



<!--</div>-->
<!--	<div class="vip-skinBtn"></div>-->
<!--</div>-->
<div id="popup-window-wrap" class="popup-window-wrap" style="right: 0px;">

</div>
</div>
</body>
</html>